<html ng-app="wxc">
<head>

    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
    <meta name="msapplication-tap-highlight" content="no" />
    <title>学生线上应聘</title>

    <!--=====================CSS部分=======================================-->
    <link href="css/normalize.css" rel="stylesheet">
    <link href="http://www.runoob.com/static/ionic/css/ionic.min.css" rel="stylesheet">

    <!-- bootstrap组件 -->
    <!--<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">-->
    <link href="lib/bootstrap/css/font-awesome.min.css" rel="stylesheet" >
    <!--<link href="lib/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" >-->

    <!--公共样式文件-->
    <link rel="stylesheet" type="text/css" href="css/themes.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link  rel="stylesheet" type="text/css" href="css/media.css">

    <!--=====================插件JS部分Start===============================-->

    <!--=================angular的JS部分==================================-->
    <script src="http://www.runoob.com/static/ionic/js/ionic.bundle.min.js"></script>
    <script src="lib/angular/angular.min.js"></script>
    <script src="lib/angular/angular-cookies.min.js"></script>
    <script src="lib/angular/angular-ui-router.min.js" type="text/javascript"></script>
    <script src="lib/angular/angular-resource.min.js" type="text/javascript"></script>

    <!--jquery -->
    <script type="text/javascript" src="lib/jquery.min.js"></script>

    <!-- bootstrap组件-->
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap-datetimepicker.js'></script>
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap-datetimepicker.zh-CN.js'></script>

    <!-- Fusion Charts组件-->
    <script type="text/javascript" src="lib/fusioncharts/fusioncharts.js"></script>
    <script type="text/javascript" src="lib/fusioncharts/themes/fusioncharts.theme.fint.js"></script>

    <!--=================项目的JS部分==================================-->
    <!--<script src="service/main.js"></script>-->
    <script src="js/controller.js"></script>
    <script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>


</head>
<body class="index_home" ng-controller="RootCtrl">

<ion-tabs class="tabs-icon-only tabs-positive">

    <ion-tab title="职位"
             icon-on="icon-briefcase"
             icon-off="icon-briefcase"><!--ng-controller="HomeCtrl"-->
        <div id="container" class="container">
        <!--页面的头部部分-->
        <header id="header">
            <span class="right_back_btn1"><i class="icon-user"></i></span>
            <!--<span class="back_btn"><i class="icon-angle-left"></i></span>-->
            <span class="header_title"><span>首页 </span></span>
        </header>
            <div id="page_main">
        <ion-slide-box on-slide-changed="slideHasChanged($index)" auto-play="true" does-continue="true" slide-interval=2000 show-pager="true" pager-click="pageClick(index)" active-slide="model.activeIndex" delegate-handle="delegateHandler">
            <ion-slide>
                <div class="box blue">
                    <img src="http://img5.imgtn.bdimg.com/it/u=4041718731,746112096&fm=21&gp=0.jpg">
                </div>
            </ion-slide>
            <ion-slide>
                <div class="box yellow">
                    <img src="http://img.iyookee.cn/20150619/20150619_100607_883_670.png">
                </div>
            </ion-slide>
            <ion-slide>
                <div class="box pink">
                    <img src="http://img.iyookee.cn/20150714/20150714_172952_955_22.jpg">
                </div>
            </ion-slide>
        </ion-slide-box>
            <div class="fourth_main">
                <div class="title">职位分类</div>
            </div>
                <a href="../sxyapp/joblist.html"><div>
                <div class="row">
                    <div class="col">
                        <div class="col-demo">金融</div>
                    </div>
                    <div class="col">
                        <div class="col-demo"> IT</div>
                    </div>
                    <div class="col">
                        <div class="col-demo">销售</div>
                    </div>
                    <div class="col">
                        <div class="col-demo">餐饮</div>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <div class="col-demo">
                            酒店
                        </div>
                    </div>
                    <div class="col">
                        <div class="col-demo">地铁</div>
                    </div>
                    <div class="col">
                        <div class="col-demo">志愿</div>
                    </div>
                    <div class="col">
                        <div class="col-demo">其他</div>
                    </div>
                </div>
                </div>
                </a>
                <div class="fourth_main" >
                    <div class="title">热门</div>
                </div>
                <ion-content style="margin-top:350px;">
                    <ion-list show-delete="data.showDelete" on-delete="onItemDelete(item)" option-buttons="itemButtons">
                        <ion-item ng-repeat="item in items2" item="item" href="../sxyapp/jobdetail.html"><!-- href="#/item/{{item.id}}"-->
                            <div class="fourth_main" >
                                <!--<l>Item {{ item.id }}</l>-->
                                <l>{{ item.title }}</l><br>
                                <l>{{ item.date }}</l><br>
                                <l>{{ item.add }}</l><br>
                                <l>{{ item.moneytype }}</l>
                                <l style="float: right;margin-right:1px;color:red;"><b>{{ item.price }}</b></l>
                            </div>
                        </ion-item>
                    </ion-list>
                    </ion-content>
        </div>
        </div>
    </ion-tab>

    <ion-tab title="话题" icon-on="icon-comment" icon-off="icon-comment">
        <div  class="container"><!--id="container"-->
            <!--页面的头部部分-->
            <header id="header1">
                <!--<span class="right_back_btn1"><i class="icon-user"></i></span>-->
                <!--<span class="back_btn"><i class="icon-angle-left"></i></span>-->
                <span class="header_title"><span>话题 </span></span>
            </header>
            <div class="page_main" >
                <div style="height:200px;margin:10px;margin-top:52px;background:#fff;border-radius:5px;padding-left:5px;padding-right:5px;">
                    <div style="width:49%;height:66%;border-radius:5px;float:left">
                        <img src="../sxyapp/images/biyequna.png">
                    </div>
                    <div style="width:49%;height:66%;border-radius:5px;float:right">
                        <a href="../sxyapp/topicdetail.html"> <div style="width:100%;height:49%;border-radius:5px;margin-bottom:4px;">
                           <img src="../sxyapp/images/nanshengsushe.png" >
                        </div></a>
                        <div style="width:100%;height:49%;border-radius:5px;margin-top:4px;">
                            <img src="../sxyapp/images/jianzhishenghuo.png">
                        </div>
                    </div>
                    <div style="width:49%;height:32%;border-radius:5px;float:left;margin-top:8px">
                        <img src="../sxyapp/images/xinrenbaodao.png">
                    </div>
                    <div style="width:49%;height:32%;border-radius:5px;float:right;margin-top:8px">
                        <img src="../sxyapp/images/chanpinzhongxin.png">
                    </div>
                </div>
                <div ><!--style="overflow:scroll;height:100%"-->
                <div class="fourth_main">
                    <img style="width:32%;height:100px;" src="../sxyapp/images/huatiimage.png">
                    <div style="float:right;width:63%;height:100px;margin-right:15px">
                        <l style="font-size:17px"><b>#说说四六级的事#</b></l><br>
                        <l>考试过后你们还好吗</l><br>
                        <l>男生宿舍</l>
                        <l style="float:right"><i class="icon-eye-open"></i>  1231</l>
                    </div>
                </div>
                <div class="fourth_main">
                    <img style="width:32%;height:100px;" src="../sxyapp/images/huatiimage2.png">
                    <div style="float:right;width:63%;height:100px;margin-right:15px">
                        <l style="font-size:17px"><b>喜欢蓝胖子的女孩</b></l><br>
                        <l>喜欢我就关注我啊~</l><br>
                        <l>男生宿舍</l>
                        <l style="float:right"><i class="icon-eye-open"></i>  792</l>
                    </div>
                </div>
                <div>
                    <ion-list show-delete="data.showDelete" on-delete="onItemDelete(item)" option-buttons="itemButtons" style="margin-top:10px">
                        <ion-item ng-repeat="item in items3" item="item" href="#/item/{{item.id}}">
                            <div class="fourth_main" >
                                <!--<l>Item {{ item.id }}</l>-->
                                <l>{{ item.title }}</l><br>
                                <l><img src="{{ item.image }}"></l>
                            </div>
                        </ion-item>
                    </ion-list>
                </div>

                    <!--<div class="fourth_main">
                        <l>南京医科大学的妹子毕业照</l><br>
                        <img style="width:32%;height:100px;" src="../sxyapp/images/huatiimage3.png">
                        <img style="width:32%;height:100px;" src="../sxyapp/images/huatiimage4.png">
                        <img style="width:32%;height:100px;" src="../sxyapp/images/huatiimage5.png">
                        <div style="float:right;width:63%;height:100px;margin-right:15px">

                        </div>
                    </div>-->

                </div>
            </div>
            </div>
        <!--<ion-content has-header="true">
            <h1>话题</h1>
        </ion-content>-->
    </ion-tab>

    <ion-tab title="消息" icon-on="icon-envelope-alt" icon-off="icon-envelope-alt">
        <div  class="container"><!--id="container"-->
            <!--页面的头部部分-->
            <header id="header2">
                <!--<span class="right_back_btn1"><i class="icon-user"></i></span>-->
                <!--<span class="back_btn"><i class="icon-angle-left"></i></span>-->
                <span class="header_title"><span>消息</span></span>
            </header>
            <div class="page_main">
                <div style="height:200px;margin:10px;margin-top:52px;background:#fff;border-radius:5px;padding-left:5px;padding-right:5px;">
                    <ion-list show-delete="data.showDelete" on-delete="onItemDelete(item)" option-buttons="itemButtons">
                        <ion-item ng-repeat="item in messageitems" item="item" href="../sxyapp/messagedetail.html"><!--#/item/{{item.id}}-->
                            <div class="fourth_main" >
                                <div style="width:15%;height:60px;margin-left:auto;margin-right:auto;float:left;margin-top:15px;">
                                    <img style="width:40px;height:40px" src="{{item.image}}">
                                </div>
                                <div style="width:85%;height:60px;float:left;">
                                    <b style="margin:15px">{{item.user}}</b>
                                    <div style="height:40px;float:right;margin-left:10px">
                                        <i style="margin:15px"> {{item.time}}</i>
                                    </div>
                                    <br>
                                    <i style="font-size:8px"> {{item.message}}</i>
                                </div>

                            </div>
                        </ion-item>
                    </ion-list>

                  <!--  <div class="fourth_main" >
                        <div style="width:15%;height:60px;margin-left:auto;margin-right:auto;float:left;margin-top:15px;">
                            <img style="width:40px;height:40px" src="../sxyapp/images/headimage_xitong.png">
                        </div>
                        <div style="width:95%;height:60px;float:left;;">
                            <b>系统消息</b>
                            <div style="height:40px;float:right;">
                                <i> 04-20 18:49</i>
                            </div>
                            <br>
                            <i style="font-size:8px"> "毕业去哪板块"正线了</i>
                        </div>

                    </div>-->
                </div>
            </div>
            <div style="width:100%;height:10px;"></div>
            <div style="height:200px;margin:10px;margin-top:12px;background:#fff;border-radius:5px;padding-left:5px;padding-right:5px;">
                <ion-list show-delete="data.showDelete" on-delete="onItemDelete(item)" option-buttons="itemButtons">
                    <ion-item ng-repeat="item in messageitems2" item="item" href="#/item/{{item.id}}">
                        <div class="fourth_main" >
                            <div style="width:15%;height:60px;margin-left:auto;margin-right:auto;float:left;margin-top:15px;">
                                <img style="width:40px;height:40px" src="{{item.image}}">
                            </div>
                            <div style="width:85%;height:60px;float:left;">
                                <b style="margin:15px">{{item.user}}</b>
                                <div style="height:40px;float:right;margin-left:10px">
                                    <i> {{item.time}}</i>
                                </div>
                                <br>
                                <i style="font-size:8px"> {{item.message}}</i>
                            </div>

                        </div>
                    </ion-item>
                </ion-list>

                <!--  <div class="fourth_main" >
                      <div style="width:15%;height:60px;margin-left:auto;margin-right:auto;float:left;margin-top:15px;">
                          <img style="width:40px;height:40px" src="../sxyapp/images/headimage_xitong.png">
                      </div>
                      <div style="width:95%;height:60px;float:left;;">
                          <b>系统消息</b>
                          <div style="height:40px;float:right;">
                              <i> 04-20 18:49</i>
                          </div>
                          <br>
                          <i style="font-size:8px"> "毕业去哪板块"正线了</i>
                      </div>

                  </div>-->
            </div>
        </div>
        </div>

    </ion-tab>

    <ion-tab title="我" icon-on="icon-user" icon-off="icon-user">
        <div  class="container"><!--id="container"-->
            <!--页面的头部部分-->
            <header id="header3">
                <a href="../sxyapp/chooseinterest.html"><span class="right_back_btn1"><i class="icon-cog"></i></span></a>
                <span class="back_btn2"><i class="icon-qrcode"></i></span>
                <span class="header_title"><span>我</span></span>
            </header>
            <div class="page_main">
                <div style="width:100%;height:130px;background:#78d2c8;margin-top:42px;display: inline-flex">
                    <img style="width:80px;height:80px;border-radius:40px;margin:25px" src="../sxyapp/images/imagehead_big.png">
                    <div style="width:70%;height:130px;float:left;padding-top:30px">
                        <b style="margin:15px">张三</b><br>
                        <div style="height:40px;margin-left:15px">
                            <i class="icon-phone"></i> <i style="margin:15px">133****3333</i><div style="float:right;width:5%"><i class="icon-angle-right"></i></div>
                        </div>

                    </div>

                </div>
               <div style="width:100%;height:60px;display:inline-flex" class="fourth_main">
                   <div style="width:48%;display:inline-flex"><img style="width:31px;height:31px" src="../sxyapp/images/myxinyong.png">   我的信用   <div style="color:#78d2c8">60分</div></div>
                   <div style="width:48%;display:inline-flex"><img style="width:31px;height:31px" src="../sxyapp/images/myqianbao.png">   钱包余额   <div style="color:#78d2c8">0.00元</div></div>
               </div>
                <div style="width:100%;height:60px;display:inline-flex" class="fourth_main">
                    <img style="width:31px;height:31px" src="../sxyapp/images/shiming.png">
                    &nbsp;&nbsp;
                    <l>实名认证</l>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <div style="width:20%;margin-right:15px;">
                        <l>未认证</l>&nbsp;&nbsp;
                        <i class="icon-angle-right"></i>
                    </div>
                </div>

<a href="../sxyapp/myjob.html">               <div style="width:100%;height:60px;display:inline-flex" class="fourth_main">
                    <img style="width:31px;height:31px" src="../sxyapp/images/jianzhi.png">
                    &nbsp;&nbsp;
                    <l>我的兼职</l>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <div style="width:20%;margin-right:15px;">
                        <l>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</l>&nbsp;&nbsp;
                        <i class="icon-angle-right"></i>
                    </div>
                </div>
</a>
                <div style="width:100%;height:100px;display:inline-flex;background:#f8f8f8;">
                    <div style="width:23%;height:100px;text-align:center;margin:5px">
                         <img style="width:60px;height:60px" src="../sxyapp/images/daiqueren.png">
                         <div style="width:100%;height:20px;margin-right:auto;margin-left:auto">待确认</div>
                    </div>
                    <div style="width:23%;height:100px;text-align:center;margin:5px">
                        <img style="width:60px;height:60px" src="../sxyapp/images/daishanggang.png">
                        <div style="width:100%;height:20px;margin-right:auto;margin-left:auto">待上岗</div>
                    </div>
                    <div style="width:23%;height:100px;text-align:center;margin:5px">
                        <img style="width:60px;height:60px" src="../sxyapp/images/daijiesuan.png">
                        <div style="width:100%;height:20px;margin-right:auto;margin-left:auto">待结算</div>
                    </div>
                    <div style="width:23%;height:100px;text-align:center;margin:5px">
                        <img style="width:60px;height:60px" src="../sxyapp/images/daipingjia.png">
                        <div style="width:100%;height:20px;margin-right:auto;margin-left:auto">待评价</div>
                    </div>
                </div>
                <div class="fourth_main">
                    <b>今天没有工作</b><br>
                    <l>工作日当天在这里打卡上下班哦</l>
                    <span style="float:right;background:lightgrey;margin-right:10px">上班打卡</span>
                </div>

                <div style="width:100%;height:60px;display:inline-flex" class="fourth_main">
                    <img style="width:31px;height:31px" src="../sxyapp/images/wenda.png">
                    &nbsp;&nbsp;
                    <l>我的问答</l>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <div style="width:20%;margin-right:15px;">
                        <l>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</l>&nbsp;&nbsp;
                        <i class="icon-angle-right"></i>
                    </div>
                </div>

                <div style="width:100%;height:60px;display:inline-flex" class="fourth_main">
                    <img style="width:31px;height:31px" src="../sxyapp/images/shixi.png">
                    &nbsp;&nbsp;
                    <l>我的实习</l>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <div style="width:20%;margin-right:15px;">
                        <l>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</l>&nbsp;&nbsp;
                        <i class="icon-angle-right"></i>
                    </div>
                </div>

            </div>
        </div>
    </ion-tab>

</ion-tabs>

<script id="newTask.html" type="text/ng-template">
    <div id="task-view" class="modal slide-in-up" ng-controller="TaskCtrl">
        <header class="bar bar-header bar-secondary">
            <h1 class="title">登录</h1>
            <button class="button button-clear button-primary" ng-click="close()">Done</button>
        </header>
        <ion-content class="padding has-header">
            <input type="text" placeholder="I need to do this...">
        </ion-content>
    </div>
</script>

</body>
</html>
